html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; font-size: 0.8rem;}
ol,ul {list-style:none}
a{text-decoration:none}
a, body, button, input, label, option, select, textarea,p{font-family:'microsoft yahei',arial,sans-serif}
img{max-width: 100%;-webkit-font-smoothing: antialiased;}
.cl:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.fl{float:left}
.fr{float:right}
.pa{position:absolute}
.pr{position:relative}
input{
    font-size: 0.9rem;
}
i{font-style: normal;}
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);color: #fff;}
button,input{
    outline: none;
    border:none;
    font-family:'microsoft yahei',arial,sans-serif ;
}
section{
	background: #f1f4fb;
}
input{
    border: none;
    height: 1.8rem;   
    outline: none;
    color:#333;
    background: none;
}

header{
    height: 2.8rem;
    line-height: 2.8rem;
    background: #fff;
}
header p{
    text-align: center;
    font-size: 1rem;
    color: #171A1B;   
}
header a{
    width: 2.8rem;
    height: 2.8rem;
    text-align: center;
    line-height: 2.8rem;    
}
.clear{
    clear: both;
}
.container.nr{
    top: 2.8rem;
}
.container.backFFF{
    background: #fff;
}
.container.topLogo{
    top: 2.8rem;
}
.container{
	position: absolute;
	top:0rem;
	left:0;
	bottom: 0;
	right: 0;
    background: #f0f1f5;
}
.back{
    background: url(/static/img/back.png) no-repeat center/0.5rem;
}
.back1{
    background: url(/static/img/back.png) no-repeat center/0.5rem;
}
.add{
    background: url(/static/img/add.png) no-repeat center/1.1rem;
    top: 0;
    right: 0;
}
.flex-wrap-start{
    display: flex;
    flex-direction: row;
    justify-content: start;
}
.flex-wrap-between{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.flex-wrap-around{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.flex-wrap-start.auto{
     flex-wrap: wrap;
}
select{
    border:none;
    outline: none;
}
.icon.user .uni-input-wrapper{
    background: rgb(240,241,245) url(/static/img/user.png) no-repeat 1rem/1.3rem;
}
.icon.pwd .uni-input-wrapper{
    background: rgb(240,241,245) url(/static/img/pwd.png) no-repeat 1rem/1.3rem;
}
.icon.see{
    width: 3rem;
    height: 3rem;
    right: 0;
    top:0;
    background: url(/static/img/see.png) no-repeat center/1.2rem;
}
.icon.footer1{
    background: url(/static/img/footer1.png) no-repeat center/1.4rem;
}
.icon.footer2{
    background: url(/static/img/footer2.png) no-repeat center/1.4rem;
}
.icon.footer3{
    background: url(/static/img/footer3.png) no-repeat center/1.4rem;
}
.icon.footer1.on{
    background: url(/static/img/footer1_on.png) no-repeat center/1.4rem;
}
.icon.footer2.on{
    background: url(/static/img/footer2_on.png) no-repeat center/1.4rem;
}
.icon.footer3.on{
    background: url(/static/img/footer3_on.png) no-repeat center/1.4rem;
}
.icon.sell-bg{
    background: url(/static/img/sell-bg.png) no-repeat center/cover;
}
.icon.model-bg{
    background: url(/static/img/model-bg.png) no-repeat center/cover;
}
.icon.trade1{
    background: url(/static/img/trade1.png) no-repeat left/1.5rem;
}
.icon.trade2{
    background: url(/static/img/trade2.png) no-repeat left/1.5rem;
}
.icon.trade3{
    background: url(/static/img/trade3.png) no-repeat left/1.5rem;
}
.icon.meBg{
    background: url(/static/img/me-bg.png) no-repeat center/cover;
}
.icon.me1{
    background: url(/static/img/me_1.png) no-repeat left/1.5rem;
}
.icon.me2{
    background: url(/static/img/me_2.png) no-repeat left/1.5rem;
}
.icon.me3{
    background: url(/static/img/me_3.png) no-repeat left/1.5rem;
}
.icon.me4{
    background: url(/static/img/me_4.png) no-repeat left/1.5rem;
}
.icon.me5{
    background: url(/static/img/me_5.png) no-repeat left/1.5rem;
}
.icon.market{
    background: url(/static/img/market.png) no-repeat 0.5rem/1.5rem;
}
.icon.addImg{
    background: url(/static/img/addImg.png) no-repeat center/cover;
}
.icon.xl{
    background: url(/static/img/xl.png) no-repeat center/1.5rem;
    height: 2rem;
    display: block;
}

.btn{
    background: rgb(88,130,237);
    color: #fff;
    text-align: center;
    height: 2.8rem;
    display: block;
    line-height: 2.8rem;  
    border-radius: 0.3rem;  
}
/*以上公共样式  end*/

.index-header{
    background: url(/static/img/loginHead.png) no-repeat center/cover;
    height: 13rem;
    width: 100%;;
}
.index-bottom-wrap{
    top: 12rem;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background: #fff;
}
.index-title{
    color: #333;
    font-size: 1.3rem;
    text-align: center;
    font-weight: bold;
    margin: 2rem 0;
}
.login-wrap{
    margin: 0 2rem;
}
.login-wrap div{
    background: rgb(240,241,245);
    height: 3rem;
    line-height: 3rem;
    margin-bottom: 1.2rem;
    border-radius: 0.3rem;
}
.login-wrap div input{
    height: 3rem;
    text-indent: 3rem;
    width: 100%;
}
.index-btn{
    margin: 2rem 2rem 0;
}
.index-bq{
    left: 0;
    right: 0;
    bottom: 1rem;
    text-align: center;
    display: block;
    height: 2rem;
    line-height: 2rem;
    color: #999;
    font-size: 0.9rem;
}
/*以上首页*/

.footer{
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0.25rem 0;
    z-index: 999;
}
.footer a{
    width: 25%;
    display: block;
}
.footer span{
    display: block;
    text-align: center;
    color: #848B96;
    font-size: 0.8rem;
}
.footer .icon{
    height: 2rem;
}
.footer .icon.on+span{
    color: #0C162C;
}

.find-header{
    background: #fff;
    height: 3rem;
    line-height: 3rem;
}
.find-header div{
    padding: 0 0.4rem;
}
.find-header div.on{
    color: #5882ED;
    border-bottom: 2px solid #5882ED;
}
.find-container{
    left: 0;
    right: 0;
    top: 3rem;
    bottom: 3.5rem;
    border-top: 1px solid #D6D8DC;
    overflow: auto;
}

.notice-ul{
    background: #fff;
}
.notice-li{
    background: url(/static/img/more.png) no-repeat 96%/0.6rem;
    padding: 1rem 1rem 1rem 1.2rem;
    border-bottom: 1px solid #D6D8DC;
}
.notice-content{
    color: #9A9A9A;
    font-size: 0.8rem;
    margin:0.3rem 1.5rem 0.4rem 0;
    text-overflow: ellipsis;
}
.notice-other{
    color: #B9B9B9;
    font-size: 0.8rem;
}
.notice-other span{
    display: block;
}
.notice-other span:nth-child(1){   
    margin-right: 0.6rem;
}
.notice-other span:nth-child(2){   
    padding-left: 0.6rem;
    border-left: 1px solid #B9B9B9;
}
.sell-bg{
    height: 9rem;
}
.model-bg{
    height: 4rem;
}
.sell-bg span{
    display: block;
    text-align: center;
    padding: 1rem 0;
}
.sell-ul{
    background: #fff;
    left: 0.5rem;
    right: 0.5rem;
    top: 3.5rem;
    bottom: 2rem;
    border-radius:1rem;
    padding: 1rem;
}
.sell-li{
    border-bottom: 1px solid #E0E4E6;
    padding: 1rem;
}
.sell-li:nth-child(1){
    padding-top: 0;
}
.sell-li .xh{
    height: 2rem;
    line-height: 2rem;
    color: #33414D;
}
.sell-li .xl{
    line-height: 1rem;
    font-size: 0.8rem;    
}
.sell-li .num{
    line-height: 3rem;
    font-size: 1.3rem;
    color: #33414D;
    width: 20%;
}
.sell-li span{
    display: block;
    color: #A0A0A0;
}
.sell-li .amount{
    color: #606060;
    line-height: 3rem;
    width: 30%;
    text-align: right;
}
.sell-li .device{
    width: 50%;
    text-indent: 1rem;
}
.model-ul{
    top: 1rem;
}
.model-ul .num{
    width: 10%;
}
.model-ul .amount{
    width: 40%;
}
.model-ul .device{
    text-indent: 0;
}
.trade-ul{
    padding: 0.5rem;
}
.trade-li{
    background: #fff;
    margin-bottom: 0.5rem;
    padding: 0rem 1rem 0.8rem;
    border-radius: 0.4rem;
    color: #34404E;
}
.trade-title{
    line-height: 3rem;
    border-bottom: 1px solid #E0E4E6;
    padding-left: 2rem;
}
.trade-content{
    padding: 0.5rem 0.5rem 0;
}
.trade-content span{
    display: block;
    line-height: 2rem;
    height: 2rem;
    color: #606060;
}
.trade-content span:nth-child(1){
    color: #33414D;
}
/*以上发现*/

.me-info{
    height: 8rem;
    color: #fff;
}
.me-info img{
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    margin-top: 2rem;
    margin-left: 2rem;
}
.me-content{
    margin-top: 2.2rem;
    margin-left: 1rem;
}
.me-content span{
    display: block;
    line-height: 2rem;
}
.me-ul{
    background: #fff;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    margin-top: -1rem;
    padding: 1rem 1rem 0;
}
.me-li{
    background: url(/static/img/more.png) no-repeat 95%/0.6rem;
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px solid #E0E4E6;
    padding: 0.5rem 0;
    display: block;
    color: #333;
}
.me-li:last-child{
    border:none;
}
.me-li span{
    display: block;
    padding-left: 2rem;
}
/*以上我的*/

.search-wrap{
    padding: 0.5rem;
}
.search-wrap div{
    background: #fff;
    width: 88%;
}
.search-wrap input{
    height: 1.8rem;  
    

}

.search-wrap span{
    color: #5882ED;
    display: block;
    margin-top: .2rem;
    margin-left: 0.4rem;
    font-size: 0.9rem;
}
.history-ul{
    left:0;
    right:0;
    bottom: 0;
    background: #fff;
    top: 6rem;
    padding: 0.5rem;
    overflow: auto;
}
.history-li{
    border:1px solid #D6D8DC;
    margin-bottom: 0.5rem;
    background:url(/static/img/more.png) no-repeat 98%/0.6rem;
}
.history-li img{
    display: block;
    height: 7rem;
    width: 9.3rem;
}
.history-li span{
    display: block;
    line-height: 2rem;
}
#dz_history .history-li{

}
#dz_history .history-li span:nth-child(2){
    height: 2rem;
    overflow: hidden;
    white-space: normal;
}
.history-li div{
    color: #9A9A9A;
    font-size: 0.8rem;
    padding: 0.5rem 0;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.history-li span:nth-child(1){
    font-size: 1rem;
    color: #343434;
}
/*历史方案*/

.market-wrap,
.addMarket-wrap,
.peer-wrap,
.addpeer-wrap{
    border-top:1px solid #D6D8DC;
}
.market-li{
    padding: 0.5rem;
    border-bottom: 1px solid #E0E4E6;
    height: 2.5rem;
    line-height: 2.5rem;
    background: url(/static/img/more.png) no-repeat 95%/0.6rem;
}
.market-li.on{
    background: url(/static/img/up_on.png) no-repeat 95%/0.8rem; 
}
.market-li span{
    display: block;
    padding-left: 3rem;
}
.market-li-sub{
    margin-left: 3rem;
}
.market-li-sub div{
    border-bottom: 1px solid #E0E4E6;    
    font-size: 0.9rem;
    color: #606060;
    padding: 0 1rem;
}
.market-li-sub span{
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
}
/*市场预测表*/

#dz_addMarket .addMarket-li span:nth-child(1){
    width: 40%;
}
#dz_addMarket .addMarket-li span:nth-child(2){
    width: 60%;
}
#dz_marketInfo .marketInfo-li span:nth-child(2){
    background: none;
    text-align: right;
}
/*.addMarket-li{
    margin: 0.2rem 1rem;
    border-bottom:1px solid #E0E4E6;
    color: #33414D;
}
.addMarket-li span{
    display: block;
    height: 3rem;
    line-height: 3rem;
}
.addMarket-li input{
    display: block;
    height: 3rem;
    text-indent: 2rem;
}*/
.addBtn{
    margin: 3rem 1.5rem;
}
/*添加市场预测表*/
.peer-ul{
    padding:0 0.5rem;
}
.peer-li{
    border-bottom: 1px solid #E0E4E6;
    padding:0.5rem 0.5rem 0.5rem 3rem;
    font-size: 0.9rem;
    color: #606060;
    background: url(/static/img/peer.png) no-repeat left/2rem;

}
.peer-li .peer-model{
    color: #33414D;
    font-size: 1rem;
    line-height: 2rem;
}
.peer-model span:nth-child(2){
    font-size: 0.7rem;
}
/*以上添加同行数据*/
.addpeer-wrap{
    padding: 1rem;
}
.addPeerModel{
    border-bottom: 1px solid #E0E4E6;
}
.addPeerModel span{
    display: block;
    /* height: 3rem; */
    line-height: 3rem;
}
.addPeerModel input{
    height: 3rem;
    text-indent: 1rem;
}

.addPeerModel .col1{
    width:30%; 
}

 
.upload{

}
.upload span{
    display: block;
    line-height: 3rem;
    height: 3rem;
    color: #9A9A9A;
    padding: 0.5rem 0;
}
.upload span:nth-child(1){
    color: #666666;
}
.uploadImg-wrap{
    margin-bottom: 3rem;
}
.uploadImg-wrap img{
    display: block;
    width: 4.3rem;
    height: 4.3rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}
.uploadImg-wrap .addImg{
    width: 4.3rem;
    height: 4.3rem;    
}
/*添加数据*/
#dz_main .search-wrap,
#dz_search .search-wrap{
    background: #fff;
}
#dz_main .search-wrap div,
#dz_search .search-wrap div{
    background: url(/static/img/search.png) #f0f1f5 no-repeat 0.5rem/0.9rem;
   
}
.search-wrap div{
    background: url(/static/img/search.png) #fff no-repeat 0.5rem/0.9rem;
}
.search-wrap div input{
    text-indent: 2rem;
}
.main-ul{
    padding: 1rem 0.5rem;
}
.main-li{
    background: #fff;
    border-radius: 0.3rem;
    width: 38%;
    margin-bottom: 0.5rem;
    padding: 0.4rem 1rem;
}
.main-li:nth-child(odd){
    margin-right: 0.5rem;
}

.main-li span{    
    display: block;
    height: 2.8rem;
    line-height: 2.8rem;
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
}

.main-li span.icon{ 
    width: 2.2rem;
}
/*主页面*/
#dz_search .history-ul,
#dz_config .history-ul{
    top: 3rem;
    border-top: 1px solid #E0E4E6;
}
/*搜索*/
.configInfo-wrap>div{
    margin: 0rem 0.5rem 0.5rem;
}
.configInfo-li{
    background: #fff;
    border-radius: 0.3rem;  
    padding: 0 0.8rem 0.4rem;
}
.icon.num{
    background: #5882ED;
    color: #fff;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    display: block;
    font-size: 0.6rem;
    border-radius: 100%;
    margin:0.5rem 0.8rem 0 0;
}
.config-title{
    height: 2rem;
    line-height: 2rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #F0F1F5;
}
.config-other,.price-other{
    border-bottom: 1px solid #F0F1F5;
    padding: 0.5rem 0;
}
.config-banner img{
    width: auto;
    height: 100%;
    margin: 0 auto;
    display: block;
}
.config-other span,.price-other span{
    display: block;
    /* height: 2rem; */
    line-height: 2rem;
}
.config-other span:nth-child(1){
    width: 30%;
}
.config-other input{
    text-indent: 0.5rem;
}
.config-other span:nth-child(2),
.config-other select{
    background: #F5F5F9;
    width: 70%;
    
}
.config-other select{
    height: 2rem;
    width: 100%;    
}
.configInfo-li .config-other:last-child,
.configInfo-li .price-other:last-child{
    border: none
}
#dz_configInfo .container{
    
}
.software-li span{
    display: block;
    border-bottom: 1px solid #F0F1F5;
    background: url(/static/img/config.png) no-repeat 2rem/1rem;
    padding: 0.5rem 0 0.5rem 4.3rem;
    height: 2rem;
    line-height: 2rem;
}
.software-li span.on{
    background: url(/static/img/config_on.png) no-repeat 2rem/1rem;
}
.software-li span:last-child{
    border:none;
}
.configInfo-wrap{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5rem;
    overflow: auto;
    top: 3.5rem;
}
.config-bz{
    resize: none;
    margin: 0.5rem 0;
    width: 100%;
    border-radius: 0.3rem;
    border: none;
    background: #F5F5F9;
}
.textarea{
    padding: 0.3rem;
}
#dz_configInfo .config-btn-wrap{
    margin: 0;
    background: #fff;
    padding: 0.7rem 0.8rem;
    margin-top: 0.5rem;
}
/*配置详情*/
.price-btn-wrap{
    left:0;
    right:0;
    bottom: 0;
    background: #fff;
    padding: 0.6rem 0.8rem;
    z-index: 100;
}
.price-btn-wrap span{
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0.2rem 1.5rem;
}
.price-wrap{
  /*
    position: absolute;
    top: 3.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 6.5rem;
    background: #fff;
    border-radius: 0.3rem;
    margin-bottom: 5rem;
  */
    display: block;
    margin-top: 1rem;
    margin-bottom: 5rem;
    background: #fff;
    border-radius: 0.3rem;
    overflow-y: auto;
    padding: 0 0.6rem;
}
.prev{
    background: #E4E5E9;
    color: #333333;
}
.price-other span:nth-child(1){
    color: #666;
}
.price-other span:nth-child(1){
    color: #333333;
}
.pay-money span,
.pay-money span:nth-child(1){
    color: #FF3333;
    font-size: 1.2rem;
}
/*生成报价*/

.input-edit-wrap{

}
.input-edit-wrap input{
    width: 80%;
    display: block;
    float: left;
    text-indent: 0.3rem;
}
.input-edit-wrap a{
    width: 20%;
    float: left;
    pointer-events: none;
}
.input-edit-wrap select{
    top: 0;
    right: 0;
    opacity: 0;
    width: 20%;
}

#dz_config1 .history-li span:nth-child(2){
    line-height: 1rem;
    margin-top: 0.1rem;
    margin-right: 1rem;
    overflow: hidden;
    height: 1.8rem;
    text-overflow: ellipsis;
    font-size: 0.7rem;
}


.configlist-ul {
    top:3rem;
}

.configlist-ul img {
    height: 5rem;
}